<%@page contentType="text/html" pageEncoding="UTF-8" import="java.util.List,java.util.Iterator, Modelo.Fuente" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@page import = "java.util.*" %>
<%@page import = "Modelo.*" %>

<jsp:useBean id="proyecto" scope="request" class="Modelo.Proyecto" />
<%
//esto es para que no guarde en el cache la pagina
            response.setHeader("Cache-Control", "max-age=0");
            response.setHeader("Cache-Control", "no-cache");
            response.setHeader("Cache-Control", "no-store");
            response.setHeader("Pragma", "no-cache");
            response.setDateHeader("Expires", -1);
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Autoevaluacion</title>
        <link type="text/css" href="<%=request.getContextPath()%>/jQuery/css/tablas/tabla.css" rel="Stylesheet" />
        <link href="<%=request.getContextPath()%>/css/style.css" rel="stylesheet" type="text/css" media="screen" />
        <link type="text/css" href="<%=request.getContextPath()%>/jQuery/css/smoothness/jquery-ui-1.7.2.custom.css" rel="Stylesheet" />
        <script  type="text/javascript" src="<%=request.getContextPath()%>/jQuery/development-bundle/ui/ui.core.js"></script>
        <script  type="text/javascript" src="<%=request.getContextPath()%>/jQuery/development-bundle/ui/ui.draggable.js"></script>
        <script  type="text/javascript" src="<%=request.getContextPath()%>/jQuery/development-bundle/ui/ui.droppable.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/jQuery/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/jQuery/js/jquery-ui-1.7.2.custom.min.js"></script>
    </head>
    <script type="text/javascript">
        $(function() {
            $("#tabs").tabs({
                event: 'mouseover'
            });
        });
    </script>
    <body>
        <%
            HttpSession s = request.getSession();
            if (s.getAttribute("logged") != null && s.getAttribute("logged").equals(true)) {
                Representante rrr = (Representante) s.getAttribute("representante");
        %>

        <div id="tabs">
            <ul>
                <li><a href="#tabs-1">1. Proyecto</a></li>
                <li><a href="#tabs-2">2. Muestra Asignada</a></li>
                <li><a href="#tabs-3">3. Encuestas Asignadas</a></li>
            </ul>
            <div id="tabs-1" style="height: 380px">
                <h3>Detalle del Proyecto</h3>
                <%String idp = (String) request.getParameter("id");
    proyecto = new Proyecto().findProyecto(Long.parseLong(idp));
                %>
                <p>nombre:&nbsp;<%=proyecto.getNomnbre()%></p>
                <p>fecha de inicio:&nbsp;<%=proyecto.getFechaInicio()%></p>
                <p>fecha de terminaci&oacute;n:&nbsp;<%=proyecto.getFechaFinal()%></p>
                <p>programa:&nbsp;<%=proyecto.getPrograma().getId()%></p>
                <p>comite de programa:&nbsp;<%=rrr.getComiteprograma().getId()%></p>
            </div>
            <div id="tabs-2" style="height: 380px">
                <p><h3>Muestra asignada al proyecto</h3></p>
                <p>Fuente:&nbsp;

                    <%  List lista2 = new Fuente().getListaFuentes();
    Iterator it2 = lista2.iterator();
                    %>
                    <select name="tipo" id="tipo" onchange="$('#recargar2').load('jsp2.jsp?idfuente='+this.value+'&idp=<%=proyecto.getId()%>');">
                        <option selected value="0">Por favor seleccione..</option>

                        <%
    while (it2.hasNext()) {
        Fuente f2 = (Fuente) it2.next();
                        %>
                        <option value="<%=f2.getId()%>"><%=f2.getNombre()%></option>
                        <%}
                        %>
                    </select>

                </p>
                Personas:

                <div id="recargar2">
                    <table id="table" border="1" class="">
                        <thead>
                            <tr>
                                <th>Codigo</th>
                                <th>Nombre</th>
                                <th>&nbsp;</th>
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>

                </div>
            </div>
            <div id="tabs-3" style="height: 380px">
                <p><h3>Encuestas asignadas al proyecto</h3></p>
                <p>Fuente:&nbsp;

                    <%  List lista3 = new Fuente().getListaFuentes();
    Iterator it3 = lista3.iterator();
                    %>
                    <select name="tipo" id="tipo" onchange="$('#recargar3').load('jsp3.jsp?idfuente='+this.value+'&idp=<%=proyecto.getId()%>');">
                        <option selected value="0">Por favor seleccione..</option>

                        <%
    while (it3.hasNext()) {
        Fuente f3 = (Fuente) it3.next();
                        %>
                        <option value="<%=f3.getId()%>"><%=f3.getNombre()%></option>
                        <%}
                        %>
                    </select>

                </p>

                <p> Encuestas</p>
                <div id="recargar3">
                    <table id="table" border="1" class="">
                        <thead>
                            <tr>
                                <th>Nombre</th>
                                <th>Descripcion</th>
                                <th>&nbsp;</th>
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>

                </div>


            </div>
        </div>

        <%} else {
                response.sendRedirect(request.getContextPath() + "/index.jsp");
            }%>
    </body>
</html>

